<% content_for :head do  %>
  <%= stylesheet_link_tag 'newspicmemo'  %>
  <%= stylesheet_link_tag 'newslist'  %>
  <%= stylesheet_link_tag 'productclass_dolphin'  %>
  <%= stylesheet_link_tag 'productlist_cyrano_lef'  %>

      <%= javascript_include_tag "dropdownmenu_dolphin" %>
  <%= javascript_include_tag "form" %>
  <%= javascript_include_tag "blockui" %>

<% end %>

<!-- 自选产品列表 -->
<div style="width: 728px; height: 204px; top: 250px; left: 250px; z-index: 3;" title="" class="pdv_class" id="pdv_20949">
  <div style="overflow: hidden; width: 100%; height: 100%;" class="pdv_content" id="spdv_20949">
    <div style="border: 0px none; height: 204px; padding: 0pt; margin: 0pt; background: url(/images/tops/producttitle.jpg) no-repeat scroll 0px 0px transparent;" class="pdv_border">
      <div style="height: 36px; border: 0px none; padding: 0pt; margin: 0pt; background: url(/images/tops/producttitle.jpg) no-repeat scroll 0px 0px transparent;">
        <div style="float: right; width: 48px; height: 36px; background: url(/images/tops/producttitle.jpg) no-repeat scroll -680px 0px transparent;"><a style="display: inline;" href="product/class/"><img style="border: 0px none; padding-top: 15px;" src="base/border/789/images/more.jpg"></a></div>
      </div>
      <div style="margin: 0px; padding: 0px;">

        <div class="productlist_cyrano_lef">
          <div id="demo">
            <table cellpadding="0" border="0" align="left" cellspace="0">
              <tbody><tr>
                  <td valign="top" id="demo1">
                    <table cellspacing="0" cellpadding="0" border="0">
                      <tbody><tr>
                          <% @products.each do |product|  %>
                            <td>
                              <div style="width: 162px; height: 122px;" class="fang">
                                <div style="width: 162px; height: 122px;" class="picFit">
                                  <a target="_self" href="/products/<%= product.id %>"><img border="0" style="margin-top: 0px; height: 122px;" src="<%= product.image.url(:thumb) %>" /></a>
                                </div>
                              </div>
                              <div class="title">
                                <a class="title" target="_self" href="product/html/?9.html">园林工具零件</a>
                              </div>
                            </td>
                          <% end %>

                        </tr>
                      </tbody></table>
                  </td>
                  <td valign="top" id="demo2">
                    <table cellspacing="0" cellpadding="0" border="0">
                      <tbody><tr>

                          <td>
                            <div style="width: 162px; height: 122px;" class="fang">
                              <div style="width: 162px; height: 122px;" class="picFit">
                                <a target="_self" href="product/html/?9.html"><img border="0" style="margin-top: 0px; height: 122px;" src="/images/1279160644.jpg"></a>
                              </div>
                            </div>
                            <div class="title">
                              <a class="title" target="_self" href="product/html/?9.html">园林工具零件</a>
                            </div>
                          </td>

                          <td>
                            <div style="width: 162px; height: 122px;" class="fang">
                              <div style="width: 162px; height: 122px;" class="picFit">
                                <a target="_self" href="product/html/?7.html"><img border="0" style="margin-top: 0px; height: 122px;" src="/images/1271741835.jpg"></a>
                              </div>
                            </div>
                            <div class="title">
                              <a class="title" target="_self" href="product/html/?7.html">园林工具零件</a>
                            </div>
                          </td>

                          <td>
                            <div style="width: 162px; height: 122px;" class="fang">
                              <div style="width: 162px; height: 122px;" class="picFit">
                                <a target="_self" href="product/html/?6.html"><img border="0" style="margin-top: 0px; height: 122px;" src="/images/1271741811.jpg"></a>
                              </div>
                            </div>
                            <div class="title">
                              <a class="title" target="_self" href="product/html/?6.html">汽机车零件</a>
                            </div>
                          </td>

                          <td>
                            <div style="width: 162px; height: 122px;" class="fang">
                              <div style="width: 162px; height: 122px;" class="picFit">
                                <a target="_self" href="product/html/?5.html"><img border="0" style="margin-top: 0px; height: 122px;" src="/images/1271741780.jpg"></a>
                              </div>
                            </div>
                            <div class="title">
                              <a class="title" target="_self" href="product/html/?5.html">汽机车零件</a>
                            </div>
                          </td>

                          <td>
                            <div style="width: 162px; height: 122px;" class="fang">
                              <div style="width: 162px; height: 122px;" class="picFit">
                                <a target="_self" href="product/html/?4.html"><img border="0" style="margin-top: 0px; height: 122px;" src="/images/1271741746.jpg"></a>
                              </div>
                            </div>
                            <div class="title">
                              <a class="title" target="_self" href="product/html/?4.html">汽机车零件</a>
                            </div>
                          </td>

                          <td>
                            <div style="width: 162px; height: 122px;" class="fang">
                              <div style="width: 162px; height: 122px;" class="picFit">
                                <a target="_self" href="product/html/?3.html"><img border="0" style="margin-top: 0px; height: 122px;" src="/images/1271741726.jpg"></a>
                              </div>
                            </div>
                            <div class="title">
                              <a class="title" target="_self" href="product/html/?3.html">交直流工具</a>
                            </div>
                          </td>

                        </tr>
                      </tbody></table>
                  </td>
                </tr>
              </tbody></table>

          </div>
        </div>


      </div>
    </div>

  </div>
</div>


<!-- HTML编辑区 -->

<div id="pdv_22030" class="pdv_class" title="公司简介" style="width: 439px; height: 220px; top: 18px; left: 251px; z-index: 8;">
  <div id="spdv_22030" class="pdv_content" style="overflow: hidden; width: 100%; height: 100%;">
    <div class="pdv_border" style="border: 0px none; height: 220px; padding: 0pt; margin: 0pt; background: url(/images/tops/companytitle.jpg) no-repeat scroll 0px 0px transparent;">
      <div style="height: 25px; border: 0px none; padding: 0pt; margin: 0pt; background: url(/images/tops/companytitle.jpg) no-repeat scroll 0px 0px transparent;">
        <div style="float: right; width: 49px; height: 25px; background: url(/images/tops/companytitle.jpg) no-repeat scroll -390px 0px transparent;"><a href="/aboutus/index" style="display: inline;"><img src="/images/more_002.jpg" style="border: 0px none; padding-top: 13px;"></a></div>
      </div>
      <div style="margin: 0px; padding: 0px;">
        <div style="padding-left: 4px; padding-right: 7px; padding-top: 20px;"><img style="padding-right: 8px; float: left;" alt="" src="/images/201012301293690998359.jpg" border="0">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          <div style="line-height: 22px; padding-left: 8px; font-family: Verdana,Arial,Helvetica,sans-serif; color: rgb(105, 105, 105); font-size: 12px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            杭州某某机械零部件制造公司位于工业园区, 处于繁华的国道之畔。是专业生产和加工各类螺旋伞齿轮的企业，年产值2500万以上。本公司以
            以质为尊、信誉至上的办厂原则欢迎社会上新老客户携手合作。企业集生产，科研，销售，服务于一体，设备精良，设计工艺先进，生产及检验手段完备。公司配备
            精良的齿轮加工设备，目前拥有国内外CNC数控机床、铣齿机、研磨机、检查机</div></div>

      </div>
    </div>

  </div>
</div>


<!-- 文章图片+标题+摘要 -->

<div id="pdv_23324" class="pdv_class" title="图片新闻" style="width: 252px; height: 80px; top: 70px; left: 725px; z-index: 15;">
  <div id="spdv_23324" class="pdv_content" style="overflow: hidden; width: 100%; height: 100%;">
    <div class="pdv_border" style="margin: 0pt; padding: 0pt; height: 80px; border: 0px solid;">
      <div style="height: 25px; margin: 1px; display: none;">
        <div style="float: left; margin-left: 12px; line-height: 25px; font-weight: bold;">

		图片新闻
        </div>
        <div style="float: right; margin-right: 10px; display: none;">
          <a href="/news" style="line-height: 25px;">更多</a>
        </div>
      </div>
      <div style="padding: 0px;">

        <ul class="newspicmemo">

          <li>
            <% unless @articles.blank? %>
              <div class="picFit" style="width: 92px; height: 58px;">
                <a href="<%= article_path(@articles[0]) %>" target="_self"><img src="/images/1293674976.jpg" style="width: 92px;" border="0"></a>
              </div>
              <div class="tm">
                <a href="<%= article_path(@articles[0]) %>" target="_self" class="title"><%= truncate(@articles[0].title ,:length => 20) %></a>
                <div class="memo">
                  <%= strip_content(@articles[0].body ,30)  %>
                </div>
              </div>
            <% end %>

          </li>

        </ul>
      </div>
    </div>

  </div>
</div>

<!-- 空白边框 -->

<div id="pdv_23325" class="pdv_class" title="" style="width: 268px; height: 39px; top: 17px; left: 712px; z-index: 16;">
  <div id="spdv_23325" class="pdv_content" style="overflow: hidden; width: 100%; height: 100%;">
    <div class="pdv_border" style="border: 0px none; height: 39px; padding: 0pt; margin: 0pt; background: url(/images/tops/newstitle.jpg) no-repeat scroll 0px 0px transparent;">
      <div style="height: 36px; border: 0px none; padding: 0pt; margin: 0pt; background: url(/images/tops/newstitle.jpg) no-repeat scroll 0px 0px transparent;">
        <div style="float: right; width: 49px; height: 36px; background: url(/images/tops/newstitle.jpg) no-repeat scroll -219px 0px transparent;">

          <a href="/articles" style="display: inline;"><img src="/images/more.jpg" style="border: 0px none; padding-top: 14px;"></a></div>
      </div>
      <div style="margin: 0px; padding: 0px;">
        &nbsp;
      </div>
    </div>

  </div>
</div>

<!-- 文章列表 -->

<div id="pdv_23326" class="pdv_class" title="" style="width: 252px; height: 88px; top: 144px; left: 727px; z-index: 17;">
  <div id="spdv_23326" class="pdv_content" style="overflow: hidden; width: 100%; height: 100%;">
    <div class="pdv_border" style="margin: 0pt; padding: 0pt; height: 88px; border: 0px solid;">
      <div style="height: 25px; margin: 1px; display: none;">
        <div style="float: left; margin-left: 12px; line-height: 25px; font-weight: bold;">
        </div>
        <div style="float: right; margin-right: 10px; display: inline;">
          <a href="/articles" style="line-height: 25px;">更多</a>
        </div>
      </div>
      <div style="padding: 0px;">
        <ul class="newslist">
          <% @articles.each_with_index do |acticle , i| %>
            <% if i > 0 %>
              <li class="newslist"><a href="<%= article_path(acticle) %>" target="_self" class="newslist"><%= truncate(acticle.title , :length => 20)%></a></li>
            <% end %>
          <% end %>
        </ul>
      </div>
    </div>

  </div>
</div>


<script type="text/javascript">
  var speed=20;
  var GD=document.getElementById('demo');
  var GD1=document.getElementById('demo1');
  var GD2=document.getElementById('demo2');
  GD2.innerHTML=GD1.innerHTML;
  function Marquee(){
    if(GD2.offsetWidth-GD.scrollLeft<=0){
      GD.scrollLeft-=GD1.offsetWidth;
    }else{
      GD.scrollLeft++;
    }
  }
  var MyMar=setInterval(Marquee,speed);
  GD.onmouseover=function() {clearInterval(MyMar);}
  GD.onmouseout=function() {MyMar=setInterval(Marquee,speed);}
</script>

      <script type="text/javascript">
        $(function() {
           $().picFit("fill");
        });

      </script>
      <script  type="text/javascript">
        $(function() {
          $().picFit("auto");
        });
      </script>
